<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>主页</title>
    <link href="/static/common/js/layui/css/layui.css" th:href="@{/common/js/layui/css/layui.css}" rel="stylesheet" type="text/css" media="all" />
    <link href="/static/common/css/common.css" th:href="@{/common/css/common.css}" rel="stylesheet" type="text/css" media="all" />
    <script>
        var ctx = '[[@{/}]]';
    </script>
</head>
<body>
<div id="mainIndex">
    <section>
        <div class="pro-done-item">
            <div class="border-common">
                <div class="ibox-title"><i class=""></i><span>收入</span><small class="layui-btn layui-btn-xs" style="float: right">历史</small></div>
                <div class="ibox-content"><h1>380,080.00</h1></br><small>总收入</small></div>
            </div>
            <div class="border-common">
                <div class="ibox-title"><i class=""></i><span>提醒</span><small class="layui-btn layui-btn-xs" style="float: right">待办</small></div>
                <div class="ibox-content">
                    <div style="display: inline-block">
                        <h1>0</h1></br>
                        <small>新体现</small>
                    </div>
                    <div style="display: inline-block;float: right">
                        <h1>10</h1></br>
                        <small>待回复留言</small>
                    </div>
                </div>
            </div>
            <div class="border-common">
                <div class="ibox-title"><i class=""></i><span>审核</span><small class="layui-btn layui-btn-xs" style="float: right">会员</small></div>
                <div class="ibox-content"><h1>0</h1></br><small>待审核</small></div>
            </div>
            <div class="border-common">
                <div class="ibox-title"><i class=""></i><span>会员</span><small class="layui-btn layui-btn-xs" style="float: right">今日</small></div>
                <div class="ibox-content"><h1>0</h1></br><small>新会员</small></div>
            </div>
        </div>

        <div style="border:1px solid rgba(56,166,255,.1);box-shadow: 0px 0px 8px #ccc;margin:10px 0px 10px 20px;height:400px;width:100%">
            <label class="layui-form-label">订单号</label>
            <div class="layui-input-block">
                <input type="text" name="orderId" required  lay-verify="required" placeholder="请输入订单号" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">订单名称</label>
            <div class="layui-input-block">
                <input type="text" name="orderName" required  lay-verify="required" placeholder="请输入订单名称" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">订单金额</label>
            <div class="layui-input-block">
                <input type="text" name="orderMoney" required  lay-verify="required" placeholder="请输入订单金额" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-btn-group">
                <div class="pro-done-item">
                    <div class="button-common">
                        <button type="button" class="layui-btn layui-btn-radius layui-btn-normal" @click="zfbPay">支付宝</button>
                    </div>
                    <div class="button-common">
                        <button type="button" class="layui-btn layui-btn-radius layui-btn-normal" @click="wxPay">微信</button>
                    </div>
                    <div class="button-common">
                        <button type="button" class="layui-btn layui-btn-radius layui-btn-normal" @click="ylPay">银联</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="pro-done-item">
            <div class="border-style">
                <div id="cityMap" style="width: 100%;height:100%;position: relative;">

                </div>
            </div>
            <div class="border-style">
                <div id="dataMap" style="width: 100%;height:100%;position: relative;">

                </div>
            </div>
        </div>
    </section>
</div>
</body>
<script src="/static/common/js/echarts-v4/echarts.min.js" th:src="@{/common/js/echarts-v4/echarts.min.js}"></script>
<script src="/static/common/js/jquery/jquery.min.js" th:src="@{/common/js/jquery/jquery.min.js}"></script>
<script src="/static/common/js/vue/vue.js" th:src="@{/common/js/vue/vue.js}" type="text/javascript" ></script>
<script src="/static/common/js/common/common.js" th:src="@{/common/js/common/common.js}"></script>
<script src="../../static/welcome/mainIndex.js" th:src="@{/welcome/mainIndex.js}"></script>
<script src="../../static/welcome/loadMap.js" th:src="@{/welcome/loadMap.js}"></script>
</html>